<template>
	<view class="hot-activity-container">
		<!-- 
            在 App (iOS/Android) 端，这个 <web-view> 会被 uni-app 编译成一个
            原生的 WebView 控件，实现高性能的网页内嵌。
        -->
		<web-view :src="webviewUrl"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 【App端注意】: 
				// 1. 强烈建议使用 https 协议，iOS 系统对 http 有严格限制。
				// 2. 如果网页需要访问设备权限（如定位），需要在 App 的 manifest.json 中配置，
				//    并且网页本身也需要符合 Web 标准的方式请求权限。
				webviewUrl: 'http://www.hactg.com/'
			}
		},
		onLoad() {
			// 在 App 端，导航栏标题同样生效。
			uni.setNavigationBarTitle({
				title: '淮安文旅集团'
			});
		},
		methods: {
			// App 与内嵌网页的通信方式与小程序一致，
			// 都是通过在 <web-view> 上监听 @message 事件。
		}
	}
</script>

<style lang="scss" scoped>
.hot-activity-container {
	/* 
      这个样式是实现全屏的关键，对 App、H5、小程序都通用。
      它确保了 <web-view> 的父容器能够撑满整个屏幕。
    */
	width: 100%;
	height: 100vh;
}
</style>